<script setup lang="ts" name="B50Suspense">
import B50SuspenseChild from "./B50SuspenseChild.vue";
</script>

<template>
  <div class="container mx-auto max-w-3xl bg-white my-6 p-6 border shadow rounded">
    <h2>我是父组件</h2>
    <Suspense>
      <template #default>
        <B50SuspenseChild />
      </template>
      <template #fallback>
        <div class="p-6 my-6 text-white bg-orange-600 border rounded shadow">
          LOADING
        </div>
      </template>
    </Suspense>
  </div>
</template>
